<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
    <meta name="keywords"
          content="admin, dashboard, bootstrap, template, flat, modern, theme, responsive, fluid, retina, backend, html5, css, css3">
    <meta name="description" content="">
    <meta name="author" content="ThemeBucket">
    <link rel="shortcut icon" href="#" type="image/png">

    <title>AdminEx</title>

    <!--icheck-->

    <!--common-->
    <link href="{{ asset('files/css/style.css') }}" rel="stylesheet">
    <link href="{{ asset('files/css/style-responsive.css') }}" rel="stylesheet">

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9] -->
    <script src="{{ asset('files/js/html5shiv.js') }}"></script>
    <script src="{{ asset('files/js/respond.min.js') }}"></script>
    <!--[endif] -->

    @yield('css')
</head>

<body class="sticky-header">

<section>
    <!-- left side start-->
    <div class="left-side sticky-left-side">

        <!--logo and iconic logo start-->
        <div class="logo">
            <a href="#"><img src="{{ asset('files/images/logo.png') }}" alt=""></a>
        </div>

        <div class="logo-icon text-center">
            <a href="#"><img src="{{ asset('files/images/logo_icon.png') }}" alt=""></a>
        </div>
        <!--logo and iconic logo end-->

        <div class="left-side-inner">
            @yield('nav')
        </div>
    </div>
    <!-- left side end-->

    <!-- main content start-->
    <div class="main-content">

        <!-- header section start-->
        <div class="header-section">

            <!--toggle button start-->
            <a class="toggle-btn"><i class="fa fa-bars"></i></a>
            <!--toggle button end-->

            <!--notification menu start -->
        @yield('top')
        <!--notification menu end -->

        </div>
        <!-- header section end-->

        <!-- page heading start-->
        <div class="page-heading">
            @yield('heading')
        </div>
        <!-- page heading end-->

        <!--body wrapper start-->
        <div class="wrapper">
            @yield('wrapper')
        </div>
        <!--body wrapper end-->


    </div>
    <!-- main content end-->
</section>

<!-- Placed js at the end of the document so the pages load faster -->
<script src="{{ asset('files/js/jquery-1.10.2.min.js') }}"></script>
{{--<script src="{{ asset('files/js/jquery-ui-1.9.2.custom.min.js') }}"></script>--}}
{{--<script src="{{ asset('files/js/jquery-migrate-1.2.1.min.js') }}"></script>--}}
{{--<script src="{{ asset('files/js/bootstrap.min.js') }}"></script>--}}
{{--<script src="{{ asset('files/js/modernizr.min.js') }}"></script>--}}
<script src="{{ asset('files/js/jquery.nicescroll.js') }}"></script>

<!--common scripts for all pages-->
<script src="{{ asset('files/js/scripts.js') }}"></script>

<!--Dashboard Charts-->
<script src="{{ asset('files/js/dashboard-chart-init.js') }}"></script>

@yield('js')
</body>
</html>
